<template>
	<view>
		<view
			class="titleBox"
			style="	height: 128rpx;
	display: flex;
	line-height: 128rpx;
	font-size: 24rpx;
	position: relative;
	.titleReturn{
		position: absolute;
		left: 18rpx;"
		>
			<view class="titleReturn"><uni-icons custom-prefix="iconfont" type="icon-xiangzuojiantou" style="font-size: 35rpx; margin-left: 10rpx" size="10"></uni-icons></view>
			<view class="titleText" style="position: absolute; left: 50%; transform: translateX(-50%)">收银台</view>
		</view>
		<view class="header">
			<view class="money">
				<span>￥</span>
				360
				<span>.00</span>
			</view>
		</view>
		<view class="content">
			<view class="content-top">全部付款方式</view>
			<view class="content-items">
				<radio-group>
					<view class="item">
						<view>
							<uni-icons style="color: #14bb0c; font-size: 42rpx" custom-prefix="iconfont" type="icon-big-WeChat"></uni-icons>
							<span style="margin-left: 10rpx">微信支付</span>
						</view>
						<radio color="#f93b1b" />
					</view>
					<view class="item">
						<view>
							<uni-icons style="color: #01a9f2; font-size: 42rpx" custom-prefix="iconfont" type="icon-zhifubao"></uni-icons>
							<span style="margin-left: 10rpx">支付宝支付</span>
						</view>
						<radio color="#f93b1b" />
					</view>
				</radio-group>
			</view>
		</view>
		<view class="but">
			<button @click="jup">微信支付￥360.00</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		jup() {
			uni.navigateTo({
				url: '/pages/pagesbusiness/liferecord/liferecord'
			});
		}
	}
};
</script>

<style lang="less">
page {
	background-color: #f3f3f3;
}

.header {
	height: 300rpx;
	display: flex;
	justify-content: center;
	align-items: center;

	.money {
		color: #fb1c14;
		font-weight: 800;
		font-size: 50rpx;

		span {
			font-size: 35rpx;
		}
	}
}

.content {
	.content-top {
		background-color: #fff;
		padding: 35rpx;
	}

	.content-items {
		margin-top: 20rpx;

		.item {
			background-color: #fff;
			padding: 30rpx;
			display: flex;
			justify-content: space-between;

			view {
				display: flex;
				justify-content: space-between;
				align-items: center;
				// width: 230rpx;
				// font-size: 28rpx;
				// background-color: #f21119;
			}
		}
	}
}

.but {
	display: flex;
	justify-content: center;

	button {
		border-radius: 100rpx;
		background-color: #f21119;
		color: #fff;
		position: fixed;
		bottom: 120rpx;
		padding: 10rpx 200rpx;
		font-size: 25rpx;
	}
}
</style>
